<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/base.css" type="text/css" />
        <title>Connexion - Gestion des stages UTT</title>
    </h:head>
    <h:body>
        <div id="main">
            <h1>Gestion des stages - Administration</h1>
            <div id="formBox">
                <h:form id="connexionForm">
                    <span id="erreur"></span><!-- span qui contiendra les éventuels messages d'erreur -->

                    <fieldset><legend>Connexion au site </legend>
                        <label for="login">Nom d'utilisateur :</label><br />
                        <input type="text" name="username" id="login" value="${username}" /><br /><!-- champ pour le login -->

                        <label for="pass">Mot de passe :</label><br />
                        <input type="password" name="pass" id="pass" /><br /><br /><!-- champ pour le mot de passe -->

                        <!-- <img id="login_ico"src="images/login.png" /> -->
                        <h:commandButton value="Se connecter" action="#{login.doLogin}"/><!-- bouton de connexion --><br/><br/>
                        <img id="logo" src="#{facesContext.externalContext.requestContextPath}/images/logo_Utt.jpg" title="Logo UTT" alt="Logo UTT" />
                    </fieldset>
                </h:form><!-- Formulaire de connexion -->
            </div> <br /><br />
        </div>
        <div id="footer">
            <ui:insert name="footer"></ui:insert><!-- Fin du Pied de page-->
            <p>
                <a href="http://www.utt.fr" title="Université de Technologie de Troyes">Université de Technologie de Troyes</a> |
                <a href="http://era.utt.fr/" title="Environnement de Réseaux Autonomes (ERA)">Environnement de Réseaux Autonomes (ERA)</a> |
                <a href="http://www.charlesen.fr" title="Charles EDOU NZE : &Eacute;l&egrave;ve ingénieur UTT - Homepage">Charlesen.fr - Homepage</a>
            </p>
        </div>
    </h:body>
</html>